cody - HTMLify profile
cody
4270 Files
632542 Views
Latest files of /cody/solygambas/html-css-javascript-projects/093-creative portfolio
style.css
cody/solygambas/html-css-javascript-projects/093-creative portfolio/style.css
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap");
:root {
--white: rgba(255, 255, 255, 0.9);
}
*,
*::before,
:root {
--white: rgba(255, 255, 255, 0.9);
}
*,
*::before,
index.html
cody/solygambas/html-css-javascript-projects/093-creative portfolio/index.html
<!-- Based on Design & Build A Website Crash Course by Simo Edwin - Dev Ed (2019)
see: https://www.youtube.com/watch?v=EwmvBnR_xtA (HTML & CSS)
https://www.youtube.com/watch?v=-elJSImGPAE (JavaScript Animations) -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
see: https://www.youtube.com/watch?v=EwmvBnR_xtA (HTML & CSS)
https://www.youtube.com/watch?v=-elJSImGPAE (JavaScript Animations) -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
script.js
cody/solygambas/html-css-javascript-projects/093-creative portfolio/script.js
function init() {
// slider
const slides = document.querySelectorAll(".slide");
const pages = document.querySelectorAll(".page");
const backgrounds = [
`radial-gradient(#2B3760, #0B1023)`,
`radial-gradient(#4E3022, #161616)`,
`radial-gradient(#4E4342, #161616)`,
// slider
const slides = document.querySelectorAll(".slide");
const pages = document.querySelectorAll(".page");
const backgrounds = [
`radial-gradient(#2B3760, #0B1023)`,
`radial-gradient(#4E3022, #161616)`,
`radial-gradient(#4E4342, #161616)`,